*{
  padding: 0;
  margin: 0;
}
ul li{
  list-style: none;
}
body {
  position: relative;
  font-family: frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
h4{
  text-align: center;
  margin-top: 50px;
}
p{
  text-align: center;
}
a{
  text-decoration: none;
}
.lg-container{
  width: 100% !important;
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
.item img{
  width: 100%;
  height: 100%;
}
#logo{
  margin-right: 10px;
}
#logo img{
  width: 150px;
  margin:7px;
}
#search{
  height: 30px;
  border-radius: 100px;
}
#searchBtn{
  cursor: pointer;
}
.mainBtn li:hover{
  /*background: #00CAE7;*/
  border-bottom:1px solid #00CAE7;

}
.mainBtn li a:hover{
  color:#00CAE7!important;;
  /*color: #fff!important;*/
}
.foot{
  width: 100%;
  background: #242424;
  color: #fff;
}
#ewm{
  padding-top: 50px;
  text-align: center;
  font-size: 11pt;
}
.footLeftTop{
  overflow: hidden;
  margin: 50px 0;
}
.footLeftTop ul li {
  float: left;
  padding: 0 30px 0 0;
  font-size: 13pt;
  font-family: 'Microsoft Yahei';
}
.footLeftTop ul li a{
  color: #fff;
  text-decoration: none;
}
.footLeftBody,.footLeftDown{
  margin:20px 0;
}
.footLeftDown{
  margin-bottom: 50px;
}
/*首页*/
.newsPic{
  overflow: hidden;
  height: 347px;
}
.newsPicImg{
  display:inline-block;
  width: 100%;
  height: 100%;
}
.newsPic:hover .mask{
  top:-40px;
}
.mask{
  width: 100%;
  height: 40px;
  background: #000;
  opacity: 0.7;
  position: relative;
  top:0;
  transition:.2s;
}
.maskBack{
  width: 100%;
  height: 100%;
  position: absolute;
}
.maskOut{
  width: 100%;
  height: 100%;
  position: absolute;
}
.maskOut b{
  color: #fff;
  line-height: 40px;
  margin-left:10px;
  font-family: 'Microsoft Yahei';
}
.txtCenter{
  text-align: center;
}
#newss hr{
  width: 100%;
  height: 2px;
  background: #CFCFCF;
}
#newss p{
  text-align: left;
  color: #000;
  font-size: 13pt;
  font-weight: bold;
}
#newss a{
  color: #686868;
  text-decoration: none;
}
.blockSpan1{
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #00CAE7;
  text-align: center;
  line-height: 15px;
  color: #fff;
  border-radius: 4px;
  margin-right: 4px;
}
.blockSpan2{
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #3BC2D6;
  text-align: center;
  line-height: 15px;
  color: #fff;
  border-radius: 4px;
  margin-right: 4px;
}
.blockSpan3{
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #78BDC7;
  text-align: center;
  line-height: 15px;
  color: #fff;
  border-radius: 4px;
  margin-right: 4px;
}
.blockSpan4{
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #BFBFBF;
  text-align: center;
  line-height: 15px;
  color: #fff;
  border-radius: 4px;
  margin-right: 4px;
}
.upImg,.downImg,.leftImg,.rightImg{
  overflow: hidden;
  margin:30px 0 0 0;
  position: relative;
  cursor: pointer;
}
.hoverImg{
  width: 110%;
  display: block;
  position: relative;
  transition:.5s;
}
.upImg:hover .hoverImg,.downImg:hover .hoverImg,.leftImg:hover .hoverImg,.rightImg:hover .hoverImg{
  margin-left: -20px;
}
.upImg:hover .lgmask,.downImg:hover .lgmask,.leftImg:hover .lgmask,.rightImg:hover .lgmask{
  opacity: 0.5;
}
.upImg:hover p,.downImg:hover p,.leftImg:hover p,.rightImg:hover p{
  bottom: 0;
  margin: 30px 30px;
  opacity: 1;
  color: #fff;
}
.lgmask{
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  position:absolute;
  top: 0;
  transition:.5s;
}
.upImg p,.downImg p,.leftImg p,.rightImg p{
  position: absolute;
  bottom: 0;
  transition:.5s;
  opacity: 0;
  color: #fff;
  margin-left: 30px;
}
.upImg a span,.downImg a span,.leftImg a span,.rightImg a span{
  position: absolute;
  bottom: 0;
  z-index: 99;
  color: #fff;
  margin:60px 30px;
  font:19pt/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif
}
#cn{
  background: #F5F5F5;margin-bottom: 100px;overflow: hidden;margin-top: 30px;
}
#cn hr{
  background: #BFBFBF;width: 70px;margin: 0 auto;height: 2px;
}
h3{
  text-align: center;
}
/*产品及服务*/

/*详情页banner*/
.delBanner{
  width: 100%;
}
.delBanner img{
  width: 100%;
}













/*改*/
.layer {
  margin-top: 20px;
}

.layer h2 {
  color: #333333;
  font-size: 30px;
  margin-top: 20px;
  font-weight: 500;
}

.layer h3 {
  color: #999999;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}



.lg-footer{
  background: url() no-repeat;width:100%;height:290px;background-size:100% 100%;
}


.newLayer {
  padding-bottom: 50px;
  background: #EFF4F7;
}


@media screen and (max-width: 500px) {
  .slide{
    margin-top:50px;
  }

}

.textL{
  text-align:left;
}
.textR{
  text-align:right;
}
.pdIcon{
  margin-top:25px;
}
.toDetail{
  width: 70%;
  margin: 25px auto;
  background: #17BFFA;
  color: #fff;
  font-size: 22px;
  border-radius: 8px;
}

#pdContainer{
  width:60%;
  margin:0 auto;
  position:absolute;
  top:51px;
  left:0;
  right:0;
}
.pdDetailBox img{
  width:100%;
}
#pdContainer .pdDetailBox:first-child{
  margin:0.6% auto 20%;
}
#pdContainer .pdDetailBox:nth-child(2){
  margin:-12% auto 20%;
}
#pdContainer .pdDetailBox:nth-child(3){
  margin:49% auto 20%;
}
#pdContainer .pdDetailBox:nth-child(4){
  margin:30% auto 20%;
}

/******边距*******/
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr0{padding-right:0px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}

/****定位****/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.cab:after{clear:both;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
*html .clearfix{height:1%}
.vm{vertical-align:center;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
